//获取地址栏中哪个用户输入的关键字
var keyword = getParmsByUrl(location.href, 'keyword');
// 默认加载页数
var page = 1;
//页面中的数据
var html = '';
//价格排序规则 升序
var priceSort = 1;
//销量排序规则 升序
var saleSort = 1;

var that = null;


$(function() {
    mui.init({
        pullRefresh: {
            container: '#refreshContainer', //待刷新区域标识，querySelector能定位的css选择器均可，比如：id、.class等
            up: {
                height: 50, //可选.默认50.触发上拉加载拖动距离
                auto: true, //可选,默认false.自动上拉加载一次
                contentrefresh: "正在加载...", //可选，正在加载状态时，上拉加载控件上显示的标题内容
                contentnomore: '没有更多数据了', //可选，请求完毕若没有更多数据时显示的提醒内容；
                callback: getData //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
            }
        }
    });

    //按价格排序按钮
    $('#priceSort').on('tap', function() {
        //更改价格排序条件
        priceSort = priceSort === 1 ? 2 : 1;
        html = "";
        page = 1;
        mui('#refreshContainer').pullRefresh().refresh(true);

        getData();
    });

    //按销量排序按钮
    $('#saleSort').on('tap', function() {
        //更改销量排序
        saleSort = saleSort === 1 ? 2 : 1;
        html = "";
        page = 1;
        mui('#refreshContainer').pullRefresh().refresh(true);

        getData();
    })
});

/**
 * 获取地址栏中的参数
 * @param {string} url 地址
 * @param {string} name 要获取的参数名称
 * @return {string}     参数名称对应的参数值
 */
function getParmsByUrl(url, name) {
    var parmas = url.substr(url.indexOf('?') + 1);
    var parma = parmas.split('&');
    for (var i = 0, len = parma.length; i < len; i++) {
        var current = parma[i].split('=');
        if (current[0] === name) {
            return current[1];
        }
    }
    return null;
}

function getData() {
    if (!that) {
        that = this;
    }

    $.ajax({
        url: '/product/queryProduct',
        type: 'get',
        data: {
            page: page++,
            pageSize: 3,
            proName: keyword,
            price: priceSort
        },
        success: function(response) {
            if (response.data.length > 0) {
                html += template('searchTpl', response);
                $('#good-Item').html(html);
                //告诉组件当前数据加载完毕
                that.endPullupToRefresh(false);
            } else {
                that.endPullupToRefresh(true);
            }
        }
    });
}